<#include "../common/frontlayout.ftl"/>
<@html title_="life">
<!--banner-starts-->
<link rel="stylesheet" href="${root}/tools/layui/css/layui.css" media="all" />
<div class="layui-carousel" id="test10">
    <div carousel-item="">
        <div><img src="http://ob2dt6f5q.bkt.clouddn.com/xingkong1.jpg?imageslim"></div>
        <div><img src="http://ob2dt6f5q.bkt.clouddn.com/backimage.png?imageslim"></div>
    </div>
</div>
<!--banner-ends-->
<!--welcome-starts-->
<div class="welcome">
    <div class="container">
        <div class="welcome-top">
            <h3>欢迎您的到来</h3>
            <p>记录生活，记录工作，记录酸甜苦辣，记录时间。。。。</p>
        </div>
        <div class="welcome-bottom">
            <div class="col-md-6 welcome-left">
                <h4>记录生活</h4>
                <p>系统推荐</p>
                <div class="welcome-one">
                    <div class="col-md-6 welcome-one-left">
                        <a href="single.html"><img src="${root}/images/life/front/w-6.jpg" alt="" /></a>
                    </div>
                    <div class="col-md-6 welcome-one-right">
                        <a href="single.html"><img src="${root}/images/life/front/w-4.jpg" alt="" /></a>
                        <a href="single.html" class="one-top"><img src="${root}/images/life/front/w-5.jpg" alt="" /></a>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="col-md-6 welcome-left">
                <h4>回味生活</h4>
                <p>周榜</p>
                <div class="welcome-one">
                    <a href="single.html"><img src="${root}/images/life/front/w-2.jpg" alt="" /></a>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--welcome-ends-->
<!--offer-starts-->
<div class="offer">
    <div class="container">
        <div class="offer-top heading">
            <h4>最新记录</h4>
        </div>
        <div class="offer-bottom">
            <div class="col-md-3 offer-left">
                <a href="single.html">
                    <img src="http://ob2dt6f5q.bkt.clouddn.com/tm.jpg?imageslim" alt="" /><h6>$29</h6>
                    <h6>1000人看过</h6>
                </a>
                <h4><a href="single.html">记录标题一</a></h4>
                <p>摘要</p>
                <div class="o-btn"><a href="single.html">去看</a></div>
            </div>
            <div class="col-md-3 offer-left">
                <a href="single.html">
                    <img src="http://ob2dt6f5q.bkt.clouddn.com/tm.jpg?imageslim" alt="" />
                    <h6>1000人看过</h6>
                </a>
                <h4><a href="single.html">记录标题一</a></h4>
                <p>摘要</p>
                <div class="o-btn"><a href="single.html">去看</a></div>
            </div>
            <div class="col-md-3 offer-left">
                <a href="single.html">
                    <img src="http://ob2dt6f5q.bkt.clouddn.com/tm.jpg?imageslim" alt="" />
                    <h6>1000人看过</h6>
                </a>
                <h4><a href="single.html">记录标题一</a></h4>
                <p>摘要</p>
                <div class="o-btn"><a href="single.html">去看</a></div>
            </div>
            <div class="col-md-3 offer-left">
                <a href="single.html">
                    <img src="http://ob2dt6f5q.bkt.clouddn.com/tm.jpg?imageslim" alt="" />
                    <h6>1000人看过</h6>
                </a>
                <h4><a href="single.html">记录标题一</a></h4>
                <p>摘要</p>
                <div class="o-btn"><a href="single.html">去看</a></div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--offer-ends-->
<div class="offer">
    <div class="container">
        <div class="offer-top heading">
            <h4>阅读排行榜</h4>
        </div>
        <div class="offer-bottom">
            <div class="col-md-3 offer-left">
                <a href="single.html">
                    <img src="http://ob2dt6f5q.bkt.clouddn.com/tm.jpg?imageslim" alt="" /><h6>$29</h6>
                    <h6>2018-01-03</h6>
                </a>
                <h4><a href="single.html">记录标题一</a></h4>
                <p>摘要</p>
                <div class="o-btn"><a href="single.html">去看</a></div>
            </div>
            <div class="col-md-3 offer-left">
                <a href="single.html">
                    <img src="http://ob2dt6f5q.bkt.clouddn.com/tm.jpg?imageslim" alt="" />
                    <h6>2018-01-03</h6>
                </a>
                <h4><a href="single.html">记录标题一</a></h4>
                <p>摘要</p>
                <div class="o-btn"><a href="single.html">去看</a></div>
            </div>
            <div class="col-md-3 offer-left">
                <a href="single.html">
                    <img src="http://ob2dt6f5q.bkt.clouddn.com/tm.jpg?imageslim" alt="" />
                    <h6>2018-01-03</h6>
                </a>
                <h4><a href="single.html">记录标题一</a></h4>
                <p>摘要</p>
                <div class="o-btn"><a href="single.html">去看</a></div>
            </div>
            <div class="col-md-3 offer-left">
                <a href="single.html">
                    <img src="http://ob2dt6f5q.bkt.clouddn.com/tm.jpg?imageslim" alt="" />
                    <h6>2018-01-03</h6>
                </a>
                <h4><a href="single.html">记录标题一</a></h4>
                <p>摘要</p>
                <div class="o-btn"><a href="single.html">去看</a></div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
</@html>

<@script_>
<script src="${root}/tools/layui/layui.js"></script>
<script type="text/javascript">
    $(function(){
        layui.use(['carousel', 'form'], function() {
            var carousel = layui.carousel;
            //图片轮播
            carousel.render({
                elem: '#test10'
                ,width: '100%'
                ,height: '400px'
                ,interval:2000
            });
        })
    });
</script>
</@script_>

